<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行政审批用户端</title>
    <link rel="stylesheet" href="用户端页面样式.css">

</head>

<body>
    <div class="head1">行政审批系统</div>

    <div class="left">
        <img src="../04图片/头像.png">
        <div id="left-a"><a href="../01登录系统/登录页面.html">退出登录 ></a></div>
        <button class="left-button" id="button1">个人主页</button>
        <button class="left-button" id="button2">任务列表</button>
    </div>

    <div class="head2">
        <h5>个人主页</h5>
    </div>

    <div class="subjeck1">
        <div class="subjack1-head">个人档案</div>
        <ul id="sub1-ul">
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <svg width="500" height="500" class="osvg">
            <circle class="oround" cx="150" cy="150" r="130" 
            fill="transparent" stroke-width="12" stroke="#2D8CF0"/>
            <text x="150" y="150" font-size="24" fill="grey"
            text-anchor="middle" alignment-baseline="middle">已完成100%</text>
        </svg>
    </div>

    <div class="subjeck2">

        <table cellspacing=“0” cellpadding=“10” id="data-list1">
            <tr>
                <th>序号</th>
                <th>类型</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
        </table>

        <div style="text-align:center">
            <button id="leftbutton1">上一页</button>
            <button id="rightbutton1">下一页</button>
        </div>
    </div>
</body>
<script src="../02用户端页面/页面功能/侧边栏功能.js"></script>
<script src="../02用户端页面/页面功能/个人档案显示功能.js"></script>
<script src="../02用户端页面/页面功能/任务列表分页功能.js"></script>

</html>